<template>
  <!-- 查询条件 -->
  <div class="chaxun">
    <div class="chaxun_text">查询条件</div>
    <div class="chaxun_content">
      <span class="input">
        文章标题：
        <input type="text" width="240px" />
      </span>
      <span class="edit">
        编辑：
        <!-- <input type="text" width="120px" /> -->
        <el-select v-model="value" class="m-2" placeholder="全部">
          <el-option
            v-for="item in options1"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </el-select>
      </span>
      <span class="zt">
        状态：
        <!-- <input type="text" width="120px" /> -->
        <el-select v-model="value" class="m-2" placeholder="全部">
          <el-option
            v-for="item in options2"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </el-select>
      </span>
      <span class="button">
        <el-button>重置</el-button>
        <el-button type="primary">查询</el-button>
      </span>
    </div>
  </div>
</template>

<script setup>
import { ref } from "vue";

const value = ref("");

const options1 = [
  {
    value: "1",
    label: "全部"
  },
  {
    value: "2",
    label: "Axure UE"
  },
  {
    value: "3",
    label: "Axure 原型"
  },
];
const options2 = [
  {
    value: "1",
    label: "全部"
  },
  {
    value: "2",
    label: "已发布"
  },
  {
    value: "3",
    label: "审核中"
  },
  {
    value: "4",
    label: "未通过"
  },
  {
    value: "5",
    label: "草稿"
  },
  {
    value: "6",
    label: "已下架"
  },
];




</script>

<style lang="scss" scoped>
.chaxun {
  font-family: "Arial Negreta", "Arial Normal", "Arial";
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  padding: 10px;
  .chaxun_content {
    margin-top: 20px;
    display: flex;
    span {
      display: flex;
      height: 30px;
      line-height: 30px;
      margin-right: 20px;
      font-weight: normal;
      input {
        border-radius: 5px;
      }
    }
  }
}
</style>